body {
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.el-table {
    background-color: #23293d !important;
    color: #fff;
    &::before {
        display: none;
    }
    // // 表格样式
    .el-table__header-wrapper,
    .el-table__header,
    .el-table__header th,
    .el-table__header td {
        background-color: #1B2133 !important;
        // border: 1px solid#23293d;
    }
    .el-table__header-wrapper,
    .el-table__body-wrapper {
        background-color: #1B2133 !important;
        // border-radius: 10px;
    }
    th>.cell {
        background-color: #1B2133 !important;
        font-family: "仿宋";
        font-weight: normal;
        font-size: 16px;
        color: #fff;
    }
    td>.cell {
        background-color: #23293d !important;
        font-family: "仿宋";
        font-weight: normal;
        font-size: 16px;
    }
    .el-table__row {
        &:hover>td {
            // background-color: #fff !important;
            opacity: 0.8;
        }
        &:hover>td>.cell {
            // background-color: #fff !important;
            opacity: 0.8;
        }
    }
    .el-table__row td {
        background-color: #23293d !important;
        border-bottom: 1px solid #1d1f2a;
    }
}

.el-table th.is-leaf {
    border-bottom: none !important;
}

.el-tabs {
    border: none !important;
    background-color: #23293d !important;
    // tab栏样式
    .el-tabs__nav-scroll {
        background-color: #1d1f2a !important;
        border: 1px solid #2e3039 !important;
        padding-left: 20px;
        border-radius: 5px !important;
    }
    // tab栏字体样式
    .el-tabs__item {
        color: #fff;
        padding: 0px 30px;
    }
    // tab栏选中下划线
    .el-tabs__active-bar {
        background-color: #13ce66 !important;
    }
    // tab栏底下长条
    .el-tabs__nav-wrap::after {
        display: none !important;
    }
    .el-tabs__content {
        max-height: calc(100vh - 177px);
        flex-grow: 1;
        overflow-y: scroll;
        &::-webkit-scrollbar {
            display: none;
        }
        &::-webkit-scrollbar-thumb {
            display: none;
        }
    }
}

// 侧边栏
.el-menu {
    background-color: #23293d !important;
    // 侧边栏合并
    .el-menu-item {
        &:hover {
            background-color: #1d1f2a !important;
        }
    }
}

// 弹出框样式
.el-dialog {
    background-color: #1d1f2a !important;
}

// 卡片样式
.el-card {
    background-color: #23293d !important;
    border: none !important;
}

// 下拉框样式
// .el-dropdown {
//     background-color:#23293d !important;
// }
.el-dropdown-menu {
    background-color: #262D47 !important;
    border: 1px solid #262D47 !important;
}

// 页面标题
.page-title {
    background-color: #eaf6ff;
    line-height: 32px;
    padding: 0 20px;
    border-bottom: 1px solid #eee;
    position: sticky;
    top: 0;
    z-index: 100;
    color: #c3342d;
    font-family: "仿宋";
    font-size: 18px;
    // &::before {
    //     content: "";
    //     display: inline-block;
    //     vertical-align: middle;
    //     width: 18px;
    //     height: 18px;
    //     background-image: url(assets/images/logo.png);
    //     background-size: cover;
    //     margin: -2px 10px 0 0;
    // }
}

// 链接样式
.linkable {
    margin-right: 5px;
    &:hover {
        text-decoration: underline;
        color: #f56c6c;
    }
}

.large-spinner {
    .el-loading-spinner {
        // i,
        // .el-loading-text {
        //     color: #C3332B;
        // }
        .el-icon-loading {
            font-size: 40px;
        }
    }
}